<layout name='PublishedRecipe' />
    <div class="center">
    	<div class="dq_weizhi">Current position: Home >> recipes >> dish</div>
    	<div class="left">
        	<div class="all_rep">
            	<div class="TabTitle">
                    <ul id="myTab1">
                        <li class="normal"><a href="__APP__/Recipe/index">All recipes</a></li>
                        <li class="active"><a href="__APP__/Recipe/popular">Most popular</a></li>
                        <li class="normal"><a href="__APP__/Recipe/add">Add a recipe</a></li>
                    </ul>
                </div>

                <empty name="recipeinfos">
                    None
                    <else/>
                    <div class="most_po">
                        <ul>
                            <volist name="recipeinfos" id="vo">
                                <li>
                                    <a href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>">
                                        <img src="__PUBLIC__/Content/RecipeArticle/Big_<{$vo.image}>" />
                                    </a>
                                    <p>
                                        <gt name="vo.name|mb_strlen='utf-8'" value="20">
                                            <span class="lv_tit"><a href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>" title="<{$vo.name}>"><{$vo.name|mb_substr=0,20,"utf-8"}>...</a></span> <br />
                                            <else/>
                                            <span class="lv_tit"><a href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>"><{$vo.name}></a></span> <br />
                                        </gt>
                                        <span class="author">Author: <{$vo.userinfo.username}></span><br />
                                        <span class="num"><{$vo.downloads}></span>
                                    </p>
                                </li>
                            </volist>
                        </ul>
                    </div>

                    <div style="clear:both;"></div>
                    <div class="fanye_box">
                        <div class="fanye_text">
                            <{$fpage}>
                        </div>
                        <div></div>
                        <div style="clear:both;"></div>
                    </div>
                </empty>

            </div>
            
            <div style="clear:both;"></div>

            <div class="what_week">
                <h2>what's new in this week</h2>

                    <empty name="newrecipeinfos">
                        None
                        <else/>
                        <ul>
                            <volist name="newrecipeinfos" id="vo">
                                <li>
                                    <a href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>">
                                        <img src="__PUBLIC__/Content/RecipeArticle/Big_<{$vo.image}>" />
                                    </a>
                                    <p>
                                        <gt name="vo.name|mb_strlen='utf-8'" value="12">
                                            <span class="lv_tit"><a href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>" title="<{$vo.name}>"><{$vo.name|mb_substr=0,12,"utf-8"}>...</a></span> <br />
                                            <else/>
                                            <span class="lv_tit"><a href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>"><{$vo.name}></a></span> <br />
                                        </gt>
                                        <span class="author">Author: <{$vo.userinfo.username}></span><br />
                                        <span class="num"><{$vo.downloads}></span>
                                    </p>
                                </li>
                            </volist>
                        </ul>
                        <div style="clear:both;"></div>

                    </empty>

            </div>

            <div style="clear:both;"></div>
        <notempty name="newrecipeinfos">
            <div class="fanye_box">
                <div class="fanye_text">
                    <{$newfpage}>
                </div>
                <div></div>
            </div>
        </notempty>



        </div>

        <div class="right">
            <div class="right_what">
                <h2>What’s new</h2>
                <ul>
                    <volist name="newrecipe" id="vo">
                        <li>
                            <img src="__PUBLIC__/Content/User/<{$vo.userinfo.gravatar}>" />
                            <span class="rai"><{$vo.userinfo.username}></span>
                            <span class="add">add a recipe</span>
                            <span class="garlic"><a title="<{$vo.name}>" href="__APP__/Recipe/content/cid/<{$vo.recipecategoryid}>/id/<{$vo.id}>">
                                <gt name="vo.name|mb_strlen='utf-8'" value="8">
                                    <{$vo.name|mb_substr=0,8,"utf-8"}>...
                                    <else/>
                                    <{$vo.name}>
                                </gt>
                            </a></span>
                            <p class="time" style="margin-bottom: 5px;"><{$vo.created|date="m-d-Y",###}></p>
                        </li>
                    </volist>
                </ul>
            </div>
            </div>
    </div>